/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
@font-face {
	font-family:DS;
	src: url(../images/DS.ttf);
}
.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none;}

.indexContainer{ background: url(../images/bg2_03.png); width: 100%; height: 10.8rem; background-size:100% auto;}
.top{ width: 100%; height:.72rem; background: url(../images/index_44.png) top center no-repeat; background-size:auto 100%; position: relative;}
.top .time{ right: 0; top: .3rem; height: .4rem; position: absolute; width: 100%; padding-right: .15rem; box-sizing: border-box;}
.top .time .wendu{float: right; height: .4rem; overflow: hidden;}
.top .time .wendu p{ float: right; margin-left: .15rem;}
.top .time p{background: linear-gradient(#fff,#6cc6ff); -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: .14rem; line-height: .4rem; font-weight: bold;}
.top .time .sj{ float: right; overflow: hidden;}
.top .time .sj p{ float: right; margin-left: .15rem;}

.conMain{ width: 100%; height: calc(100% - .72rem); padding: .2rem .15rem 0 .15rem; box-sizing: border-box;}
.conMain .conLeft{ float: left; width: 4.75rem;}
.conMain .conLeft .imp{ margin-bottom: .2rem; background: url(../images/bg3_03.png); width: 100%; height: 4rem; background-size:100% 100%;}

.conMain .tit{ width: 100%; height: .38rem; line-height: .38rem; padding: 0 .1rem; font-size: .18rem; color: #38e6ee; font-weight: bold;}
.conMain .tit span{ display: inline-block; float: right; height: .4rem; float: right; font-size: .14rem; color: #fff;}
.conMain .tit span b{ color: #38e6ee; font-weight: bold;}



.conMain .imp .nr{ width: 100%; height: calc(100% - .38rem);}
.conMain .imp .nr ul{ padding: 0 .1rem; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden;}
.conMain .imp .nr ul li{ width: 33%; height: 45%; float: left;}
.conMain .imp .nr ul li:nth-child(3n){ width: 34%;}
.conMain .imp .nr ul li .icon{ width: 100%; height: 1.38rem; position: relative; background: url(../images/index_12.png) center center no-repeat; background-size:1.17rem 1.38rem; padding-top: .32rem; box-sizing: border-box; text-align: center; font-size: .3rem; color: #20fdfa;}
.conMain .imp .nr ul li p{ line-height: .22rem; font-size: .15rem; color: #fff; text-align: center;}
.conMain .terminal{ background: url(../images/bg4_07.png); height: 2.05rem; margin-bottom: .2rem; width: 100%; background-size:100% 100% ;}
.conMain .terminal .nr{ width: 100%; height: calc(100% - .4rem); padding: 0 .15rem; box-sizing: border-box;}
.conMain .terminal .nr .bt{ margin-bottom: .28rem; height: .35rem; line-height: .35rem; font-size: .14rem; color: #20fdfa;}
.conMain .terminal .nr .layer{ height: .4rem; width: 100%; margin-bottom: .12rem;}
.conMain .terminal .nr .layer p{ width: .4rem; height: .35rem; float: left; line-height: .35rem; font-size: .12rem; color: #20fdfa;}
.conMain .terminal .nr .layer .timeBox{ margin-right: .25rem; float: left;height: .4rem; position: relative;}
.conMain .terminal .nr .layer .timeBox:last-child{ margin-right: 0;}
.conMain .terminal .nr .layer .timeBox span{ font-family: DS; display: block; background: url(../images/bg4_03.png); width: .26rem; height: .35rem; background-size:100% 100% ; float: left; margin-right: .03rem; line-height: .4rem; text-align: center; font-size: .22rem; color: #fff; font-weight: bold;}
.conMain .terminal .nr .layer .timeBox span:last-child{ margin-right: 0;}
.conMain .terminal .nr .layer .timeBox b{ display: block; position: absolute; top: -.25rem; width: 100%; text-align: center; font-size: .14rem; color: #20fdfa; left: 0;}
.conMain .map1{ width: 100%; background: url(../images/bg5_03.png); height: 3.12rem; background-size:100% 100% ;}
.conMain .map1 .nr{ width: 100%; height: calc(100% - .4rem); position: relative;}
.conMain .conCenter{ width: 8.9rem; float: left; margin-left: .3rem;}
.conMain .conCenter .conList{ width: 7.74rem; margin: 0 auto;}
.conMain .conCenter .conList ul{ overflow: hidden;}
.conMain .conCenter .conList ul li{ overflow: hidden; width: 2.58rem; float: left; background: url(../images/xian.png) right center no-repeat; background-size:.02rem auto; height: .93rem; margin-bottom: .25rem;}
.conMain .conCenter .conList ul li .icon{ width: 1.25rem; height: 100%; position: relative; float: left;}
.conMain .conCenter .conList ul li .icon img{ display: block; width: .78rem; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.conMain .conCenter .conList ul li .text{ float: left; width: calc(100% - 1.25rem); height: 100%; }
.conMain .conCenter .conList ul li .text h2{ font-weight: bold; height: .6rem; line-height: .6rem; font-size: 0.4rem;background: linear-gradient(#1ffcfa,#02c9ff); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.conMain .conCenter .conList ul li .text p{ font-size: .18rem; color: #fff;}
.conMain .conCenter .conList ul li:nth-child(3n){ background: none;}

.conMain .conRight{ width: 4.72rem; float: right;}
.conMain .conRight .video{ margin-bottom: .2rem; width: 100%; background: url(../images/bg6_03.png); height: 3.25rem; background-size:100% 100%;}
.conMain .conRight .video .nr{ width: 100%; height: calc(100% - .4rem); position: relative;}
.conMain .conRight .video .swiper-container{ width: 100%; height: 100%;}
.conMain .conRight .video .swiper-container video{ width: calc(100% - .02rem); display: block; height: calc(100% - .01rem); margin: 0 auto; background: #ccc;}
.conMain .conRight .video .swiper-container .swiper-slide{ display: block; width: 100%; height: 100%;}
.conMain .conRight .conList2{ width: 100%; background: url(../images/bg7_03.png); height: 6.15rem; background-size:100% 100%;}
.conMain .conRight .conList2 .bt{ width: 100%; text-align: center; line-height: .9rem; font-size: .2rem; color: #38e6ee;}
.conMain .conRight .conList2 .nr{ width: 100%; height: calc(100% - .4rem);}
.conMain .conRight .conList2 .nr ul{ padding: 0 .1rem; box-sizing: border-box; width: 100%; height: calc(100% - .9rem);}
.conMain .conRight .conList2 .nr ul li{ width: 50%; height: 2.25rem; float: left;}
.conMain .conRight .conList2 .nr ul li img{ display: block; margin: 0 auto; width: 1.7rem;}


#map{height: 5.3rem;width: 8.9rem;}
.map-nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .2rem;
	padding: 0 .2rem;
	cursor: pointer;
}
.map-nav .active{
	background: linear-gradient(0deg, #00C6FF, #20FDFA);
	color:#003366;
	padding: .1rem .3rem;
	border-radius: .6rem;
}
#map1{
	width: 100%;
	height: 2.8rem;
}